/*common*/
html{height:100%;}
body{min-height:100%;min-width:1200px;max-width:1920px;margin:0 auto;overflow-x:hidden;background:#F1F1F1;}
.icon-img{width:24px;vertical-align:middle;}
.mustcolor{color:#F00;}
.hang{-webkit-box-shadow:0 26px 40px -24px rgba(0, 36, 100, 0.3);box-shadow:0 26px 40px -24px rgba(0, 36, 100, 0.3);}
.slhd{color:#FFF;background:#1677D2;border-bottom:1px solid transparent;}
.slhd a, .slhd i, .slhd .slhd-con{color:#FFF;}
.slhd-con{text-align:center;}
.slft{border:0 none;background:transparent;}
.icon-gohome{display:inline-block;width:22px;height:22px;background:url("../img/icon-home.png") no-repeat center;background-size:cover;}
.slbox{margin:20px 0;border-top:4px solid #e6eaed;}
.slbox.nobd{border:0 none;}
.insubmit{margin-top:20px;}
.slbtn.submit-btn{padding:8px 35px;}
/*spcell*/
.sp-cells .sp-cell{margin:0;}
.sp-cell{margin:10px 0;padding:5px 10px;line-height:32px;zoom:1;*zoom:1}
.sp-cell:after{clear:both;content:'';display:block;height:0;line-height:0;visibility:hidden;overflow:hidden;}
.sp-cell .spcell-hd{float:left;width:80px;padding-right:5px;}
.sp-cell .spcell-ft{float:right;width:80px;padding-left:5px;}
.sp-cell .spcell-bd{padding:0 5px;}
.sp-cell .spcell-hd ~ .spcell-bd{margin-left:80px;}
.sp-cell .spcell-ft ~ .spcell-bd{margin-right:80px;}
.sp-cell.size1 .spcell-hd{width:120px;}
.sp-cell.size1 .spcell-hd ~ .spcell-bd{margin-left:120px;}
/*progress*/
.progress{height:13px;border-radius:15px;background:#D5F2F0;}
.progress-bar{border-radius:15px;background:linear-gradient(to right,#34BAB3,#27DDB5);box-shadow:none;-webkit-transition:width 100ms ease;transition:width 100ms ease;}
/*header*/
.sp-header{position:relative;z-index:200;left:0;top:0;width:100%;height:70px;background:#FFF;}
.sp-header.hdfix{position:fixed;}
.sp-header.hdfix + *{padding-top:70px;}
.sphd .hd-left{float:left;}
.sphd .hd-right{float:right;}
.hd-logo{display:inline-block;height:70px;line-height:70px;padding:0 10px;cursor:pointer;}
.hd-logo img{display:inline-block;height:40px;}
.hd-logo span{display:inline-block;font-size:26px;}
.hd-user{position:relative;height:70px;margin-right:15px;}
.hd-user .spbtn{margin-left:10px;}
.hd-user .spbtn.btn-reg{color:#4FB1F8;background:transparent;border-color:#4FB1F8;}
.hd-user .spbtn.btn-login{color:#FFF;background:#4FB1F8;border-color:#4FB1F8;}
.hd-user .spbtn:hover{color:#FFF;background:#1167EC;border-color:#1167EC;}
.hd-navbar{margin-left:100px;}
.hd-nav li{float:left;}
.hd-nav li ~ li{margin-left:20px;}
.hd-nav li a{display:block;height:70px;padding:0 25px;line-height:70px;font-size:16px;color:#333;border-bottom:3px solid transparent;}
.hd-nav li a.on{color:#34BAB3;background:#F1FBFC;border-bottom-color:#169991;}
.hd-nav li a:hover{color:#34BAB3;border-bottom-color:#169991;}
.nav-toggle{position:relative;z-index:10;left:0;width:100%;border-top:1px solid #E2E2E2;}
.toggle{position:absolute;z-index:0;left:0;top:0;width:100%;height:0;background:rgba(255,255,255,0.95);overflow:hidden;}
.toggle.on, .toggle:hover{z-index:2;height:auto;border-bottom:1px solid #F7F7F7;}
.toggle-con{padding:20px 0;}
.toggle-con .tog-hd{text-align:center;}
.toggle-con .tog-hd .toghd-item{display:inline-block;margin:0 10px;vertical-align:middle;cursor:pointer;}
.toggle-con .tog-hd .toghd-item:hover{color:#4FB1F8;}
.user-info{display:inline-block;height:100%;line-height:60px;padding:5px 10px;white-space:nowrap;cursor:pointer;}
.user-info:hover{background:#F1FBFC;}
.user-info img{width:30px;height:30px;border-radius:50%;margin-right:5px;}
.user-info em{display:inline-block;max-width:60px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;}
.user-info i{font-size:16px;}
.user-tog{display:none;position:absolute;z-index:10;top:100%;right:0;min-width:100px;padding:5px;border:1px solid #EEE;border-top:0 none;background:#FFF;}
.user-tog a{display:block;padding:5px;text-align:center;cursor:pointer;}
.user-tog a:hover{background:#F1FBFC;}
.hd-user:hover .user-tog{display:block;}
/*footer*/
.sp-footer{color:#ECECEC;background:#414141;}
.ft-main{padding:20px 0;border-bottom:1px solid #36455a;}
.ftinfo-list{text-align:center;font-size:0;white-space:nowrap;overflow:hidden;}
.ftinfo-box{display:inline-block;width:190px;padding-bottom:2010px;margin-bottom:-2000px;
    text-align:center;vertical-align:top;}
.ftinfo-box ~ .ftinfo-box{border-left:1px solid #36455a;}
.ftinfo-box dl{display:inline-block;text-align:left;}
.ftinfo-box dl dt{margin-bottom:20px;font-size:15px;color:#FFF;}
.ftinfo-box dl dd{margin-top:10px;font-size:13px;}
.ftinfo-box a{color:#6a7e93;}
.ftinfo-box a:hover{color:#4FB1F8;}
.ftinfo-box.ft-contact{width:390px;padding-left:30px;text-align:left;}
.ftinfo-box.ft-about{width:240px;padding-left:25px;text-align:left;}
.ftinfo-box.ft-about img{width:110px;}
.ft-copy{padding:40px 15px;font-size:12px;line-height:1.2;color:#ECECEC;text-align:center;}
/*home*/
.area{padding:60px 0 50px 0;overflow-x:hidden;}
.area.bgon{background:#F7F7F7;}
.area-bd{padding:5px 0;}
.area-title{font-size:0;font-weight:normal;color: #34BAB3;text-align:center;white-space:nowrap;}
.area-title .line{display:inline-block;width:50px;height:1px;background:#B7B7B7;vertical-align:middle;}
.area-title span{display:inline-block;margin:0 20px;font-size:32px;vertical-align:middle;}
.area-titsub{margin:10px 0 20px 0;font-size:16px;text-align:center;color:#666;}
.area-bd{margin-top:40px;}
.home-about .about-left{float:left;width:600px;min-height:80px;}
.home-about .about-left img{display:block;margin:0 auto;width:100%;}
.home-about .about-right{margin-left:600px;padding-left:80px;}
/*login*/
.login{position:relative;height:100%;padding:10px 0;background:#A2A6A7 url("../img/bg_login.jpg") no-repeat center;background-size:cover;}
.login .logo{margin-top:10%;padding:20px;text-align:center;}
.login .logo img{height:50px;max-width:500px;}
.login .content{width:460px;margin:0 auto;padding:35px 50px;background:#FFF;border-radius:5px;}
.login .content h3{margin-bottom:30px;font-size:20px;font-weight:normal;text-align:center;}
.login .content .slin-row ~ .slin-row{margin-top:20px;}
.login-handle{margin-top:20px;padding-bottom:10px;}
.login-handle .login-btn{padding:10px 15px;margin:0 auto;}
/*manage*/
.outbar{padding:10px 20px 0 20px;}
.outbar-hd .barhd-left{float:left;}
.outbar-hd .barhd-right{float:right;}
.outbar-hd .barhd-left .tips{margin:0 5px;}
.outbar-hd .barhd-left .value{color:#999;}
.outbar-bd{margin-top:15px;}


